<template>
	<view class="chat-list-wrap">
		<chat-item v-for="item in props.messages" :data="item" :key="index"></chat-item>
	</view>
</template>

<script setup>
	import ChatItem from './chat-item.vue'
	
	const props = defineProps({
		messages: () => []
	})
</script>

<style lang="scss" scoped>
	.chat-list-wrap {
		padding: 30upx 20upx;
	}
</style>